﻿@model LetLord.Models.Tenant
@*<script src="~/Scripts/jquery-1.9.1.min.js"></script>*@
<div id="tenant">
    <div class="row-fluid">
        <div class="span4">
            <img src="http://placehold.it/180x180/e36b23/fff/&text=Profile&image" class="img-polaroid">
        </div>
        <div class="span6">
            <p>
                @Html.LabelFor(x => x.UserName, new { @class = "profile-info-heading" })
                : @Html.DisplayFor(x => x.UserName)
            </p>
            <p>
                @Html.LabelFor(x => x.FirstName, new { @class = "profile-info-heading" })
                : @Html.DisplayFor(x => x.FirstName)
            </p>
            <p>
                @Html.LabelFor(x => x.LastName, new { @class = "profile-info-heading" })
                : @Html.DisplayFor(x => x.LastName)
            </p>
            <p>
                @Html.LabelFor(x => x.TenantAge, new { @class = "profile-info-heading" })
                : @Html.DisplayFor(x => x.TenantAge)
            </p>
            <p>
                @Html.LabelFor(x => x.Email, new { @class = "profile-info-heading" })
                : @Html.DisplayFor(x => x.Email)
            </p>
        </div>
    </div>
    <div class="row-fluid" style="padding-top: 10px;">
        <a href="#" class="btn btn-primary" id="show-edit-tenant-details-modal" role="button" data-toggle="modal">Edit personal information</a>
    </div>
    <div class="modal hide fade in" id="edit-tenant-personal-details" data-url="@Url.Action("EditTenantDetails", "Tenants")">
        <div id="container"></div>
    </div>
</div>

